body,
ul,
li,
button {
    margin: 0;
    padding: 0;
    font-family: '思源黑体', 'DIN Pro', Arial, sans-serif;
		font-size: 15px;
    font-weight: 300;
		color: #666666;
		line-height: 1.5;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
}

i {
    font-weight: 200;
    opacity: 50%;
}

button { border: 0; background: none; }
button:focus {outline: none;}

.button {
    line-height: 24px;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}

img {
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
    /* cursor: pointer; */
}

a:hover {
    color: #ac3b3b;
}

/* p {
    margin-top: 0
} */

h5 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

ul, li {
    list-style: none;
}

.inline {
    display: inline-block;
}

.ordered_list-number {
  	counter-reset: li; /* Initiate a counter */
  	margin-left: 0; /* Remove the default left margin */
  	padding-left: 0; /* Remove the default left padding */
}

.ordered_list-number li {
	 list-style: none; /* Disable the normal item numbering */
   margin-bottom: 1em;
}

.ordered_list-number > li:before {
    content: counter(li) ". ";
  	counter-increment: li;
    display: inline-block;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	margin-right: 8px;
    vertical-align: bottom;
    font-style: italic;
    font-size: 95%;
    opacity: 0.4;
}

.ordered_list-primary {
    padding: 0;
    margin-top: 0
    counter-reset: item;
    list-style-type: decimal;
}

.ordered_list-primary > li {
    display: block;
    margin-bottom: 10px;
}

.ordered_list-primary > li::before {
    content: attr(seq) ". ";
    margin-right: 0.35em;
    vertical-align: bottom;
}

.red {
    color: #ac3b3b !important;
}

.dark {
    color: #333333 !important;
}

.light {
    color: #a2a2a2 !important;
}

.lighter {
    opacity: 0.3 !important;
}

.bold {
    font-weight: 600 !important;
}

.medium {
    font-weight: 500 !important;
}

.thin {
    font-weight: 200 !important;
}

.smaller {
    font-size: 90% !important;
}

.noindent {
    text-indent: 0 !important;
}

.inline-block {
    display: inline-block !important;
}

.clickable {
    cursor: pointer !important;
}

.margin-top-sm {
    margin-top: 5px !important;
}

.margin-right-sm {
    margin-right: 5px !important;
}

.margin-top-md {
    margin-top: 10px !important;
}

.margin-bottom-md {
    margin-bottom: 10px !important;
}

.margin-left-md {
    margin-left: 10px !important;
}

.external::after {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 8px;
    content: '';
    background: url(external.svg) no-repeat;
    width: 16px;
    height: 16px;
    font-weight: 300;
    opacity: 0;
    transition: 0.2s ease;
}

.external:hover::after {
    opacity: 0.8;
}

.disabled:hover {
    cursor: not-allowed !important;
    background: rgba(255, 255, 255, 0) !important;
}

.text-divider::after {
    content: "/";
    font-size: 85%;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 8px;
    position: relative;
}